WordPress テーマの編集方法

WordPress

WordPressのテーマの編集方法

WordPressは無料のブログツールです。Webサーバーへインストールして利用します。
WordPressの見た目は、「テーマ」と呼ばれます。
テーマは多数配布されていますが、自分でカスタマイズする必要がある時もあると思います。
そんな時、テーマファイルを編集します。下記に情報を記載しておきます。

編集で使う知識

  • HTML/CSS
  • PHP
  • WordPressのテンプレートタグ

テーマのある場所

 wp_content/themes 配下

編集するファイル

*タグとの上部

  header.php

*タグ内

home.php, page.php, category.php, archive.php, Index.php, single.php, author.php, date.php, search.php, 404.php, image.php, tag.php, attachment.php

※index.phpは全てのページで使われる可能性があるため、なるべく編集しない

*サイドバー

sidebar.php

*タグの下部

footer.php

*スタイルシート

style.css
style.cssはテーマのテーマ名やテーマ作成者といった情報も含まれる。

*スクリーンショット

  screenshot.png
   テーマ選択時に表示されるスクリーンショット

*テンプレートタグ

  • header.phpの読み込み:
  • sidebar.phpの読み込み:

 引数を与えると、違うサイドバーのテンプレートファイルを読み込む

 例:<?php get_sidebar('left'); ?>
  • sidebar-left.phpを読み込む
  • footer.phpの読み込み:

*その他のテンプレートの読み込み

 <?php include (TEMPLATEPATH . '/content.php'); ?>

※TEMPLATEPATHはサーバーのシステム上の絶対パスが入っている定数

テーマにリンクを作る場合はbloginfo(), get_bloginfo()を使用する。

ブログのurl :

 例:<a href="<?php bloginfo('url');?>">ホーム</a>

テーマフォルダのurl :

 例:<img src="<?php bloginfo('template_url'); ?>/contact_us.png" alt="お問合せボタン" />

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です